<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<style>
.datagrid table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}

.datagrid {
	font: normal 12px/150% Arial, Helvetica, sans-serif;
	background: #fff;
	overflow: hidden;
	border: 1px solid #8C8C8C;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.datagrid table td,.datagrid table th {
	padding: 3px 10px;
}

.datagrid table thead th {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #171717
		), color-stop(1, #7D7D7D));
	background: -moz-linear-gradient(center top, #171717 5%, #7D7D7D 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717',
		endColorstr='#7D7D7D');
	background-color: #171717;
	color: #FFA500;
	font-size: 13px;
	font-weight: bold;
}

.datagrid table thead th:first-child {
	border: none;
}

.datagrid table tbody td {
	color: #FFA500;
	border-left: 1px solid #DBDBDB;
	font-size: 12px;
	border-bottom: 1px solid #E1EEF4;
	font-weight: normal;
}

.datagrid table tbody td:first-child {
	border-left: none;
}

.datagrid table tbody tr:last-child td {
	border-bottom: none;
}
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body>
	<div class="datagrid">
		<table>
			<thead>
				<tr>
					<th>Torneos en curso </th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Categoria A</td>
				</tr>
				<tr>
					<td>Categoria B</td>
				</tr>
				<tr>
					<td>Categoria C</td>
				</tr>
			</tbody>
		</table>
		
		<table>
			<thead>
				<tr>
					<th>Ultimos campeones</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Equipo A</td>
				</tr>
				<tr>
					<td>Equipo B</td>
				</tr>
				<tr>
					<td>Equipo C</td>
				</tr>
			</tbody>
		</table>
		<br/>
	</div>

</body>
</html>